body {
  margin: 0;
  padding: 0;
  font-size: 14px;
  font-family: 'Lantinghei SC', 'Open Sans', 'Arial', 'Hiragino Sans GB', 'Microsoft YaHei', '\\5FAE\8F6F\96C5\9ED1, STHeiti, WenQuanYi Micro Hei', 'SimSun', 'sans-serif';
}

ul, li {
  margin: 0;
  list-style-type: none;
  padding: 0;
}

input, textarea, select, button {
  outline: none;
}

date {
  color: #999;
  font-size: 11px;
}

a {
  text-decoration: none;
}

.blue-color {
  color: #398dee;
}

.hover-blue-color:hover {
  cursor: pointer;
  color: #398dee;
}

// Font Size
.font12 {
  font-size: 12px;
}

.font14 {
  font-size: 14px;
}

.font16 {
  font-size: 16px;
}

.font18 {
  font-size: 18px;
}

.font20 {
  font-size: 20px;
}

.font24 {
  font-size: 24px;
}

// Margin and Padding
.margin1 {
  margin: 1rem;
}

.margin2 {
  margin: 2rem;
}

.margin5 {
  margin: 5rem;
}

.margin1h {
  margin-left: 1rem;
  margin-right: 1rem;
}

.margin2h {
  margin-left: 2rem;
  margin-right: 2rem;
}

.margin5h {
  margin-left: 5rem;
  margin-right: 5rem;
}

.margin1v {
  margin-top: 1rem;
  margin-bottom: 1rem;
}

.margin2v {
  margin-top: 2rem;
  margin-bottom: 2rem;
}

.margin5v {
  margin-top: 5rem;
  margin-bottom: 5rem;
}

.padding1 {
  padding: 1rem;
}

.padding2 {
  padding: 2rem;
}

.padding5 {
  padding: 5rem;
}


// Display
.hidden {
  display: none!important;
}